﻿@charset "UTF-8";
html {
  /*font-size: 62.5%*/ }

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
  -webkit-text-size-adjust: none; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*font: inherit;*/
  font-size: 100%;
  vertical-align: baseline;
  -webkit-tap-highlight-color: transparent; }

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

a {
  text-decoration: none;
  color: #333; }

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  outline: 0; }

img {
  display: block;
  width: 100%; }

input,
textarea {
  background: none;
  outline: 0; }

strong, var, em, i {
  font-style: normal;
  font-weight: normal; }

ol, ul, li {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

cite {
  font-style: normal; }

del {
  text-decoration: line-through; }

mark {
  background: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

body {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
  /*min-width: 320px;*/
  /*max-width: 640px;*/
  font-family: "Microsoft YaHei",Arial,"Helvetica";
  background-color: #f6f6f6;
  color: #333;
  /*font-size: 1.2rem;*/
  font-size: 14px; }

@font-face {
  font-family: iconwap;
  src: url("../fonts/iconwap.ttf") format("truetype"), url("../fonts/iconwap.woff") format("woff"), url("../fonts/iconwap.svg") format("svg"); }
[class^="iconn-"],
[class*="iconn-"] {
  font-family: "iconwap" !important;
  speak: none;
  color: #626262;
  font-size: 120%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.opg {
  /*上、下边框*/
  /*左、右边框*/
  /*上下左右边框*/ }
  .opg [class^="bor-"],
  .opg [class*="bor-"] {
    position: relative; }
  .opg .bor-t:before,
  .opg .bor-b:after {
    position: absolute;
    content: "";
    height: 1px;
    background: #dddddd;
    left: 0;
    right: 0; }
  .opg .bor-t:before {
    top: 0; }
  .opg .bor-b:after {
    bottom: 0; }
  .opg .bor-l:before,
  .opg .bor-r:after {
    position: absolute;
    content: "";
    width: 1px;
    background: #dddddd;
    top: 0;
    bottom: 0; }
  .opg .bor-l:before {
    left: 0; }
  .opg .bor-r:after {
    right: 0; }
  .opg .bor-all:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dddddd;
    point-events: none; }

@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .opg .bor-t:before,
  .opg .bor-b:after {
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5); }
  .opg .bor-l:before,
  .opg .bor-r:after {
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    -o-transform: scaleX(0.5);
    transform: scaleX(0.5); }
  .opg .bor-all:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  .opg .bor-t:before,
  .opg .bor-l:before,
  .opg .bor-all:after {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0; }
  .opg .bor-b:after,
  .opg .bor-r:after {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%; } }
@media (-webkit-device-pixel-ratio: 1.5) {
  .opg .bor-t:before,
  .opg .bor-b:after {
    -webkit-transform: scaleY(0.66667);
    -ms-transform: scaleY(0.66667);
    -o-transform: scaleY(0.66667);
    transform: scaleY(0.66667); }
  .opg .bor-l:before,
  .opg .bor-r:after {
    -webkit-transform: scaleX(0.66667);
    -ms-transform: scaleX(0.66667);
    -o-transform: scaleX(0.66667);
    transform: scaleX(0.66667); }
  .opg .bor-all:after {
    width: 150%;
    height: 150%;
    -webkit-transform: scale(0.66667);
    -ms-transform: scale(0.66667);
    -o-transform: scale(0.66667);
    transform: scale(0.66667); } }
@media (-webkit-device-pixel-ratio: 3) {
  .opg .bor-t:before,
  .opg .bor-b:after,
  .opg .bor-l:before,
  .opg .bor-r:after {
    background-color: #ccc; }
  .opg .bor-t:before,
  .opg .bor-b:after {
    -webkit-transform: scaleY(0.33333);
    -ms-transform: scaleY(0.33333);
    -o-transform: scaleY(0.33333);
    transform: scaleY(0.33333); }
  .opg .bor-l:before,
  .opg .bor-r:after {
    -webkit-transform: scaleX(0.33333);
    -ms-transform: scaleX(0.33333);
    -o-transform: scaleX(0.33333);
    transform: scaleX(0.33333); }
  .opg .bor-all:after {
    width: 300%;
    height: 300%;
    border-color: #ccc;
    -webkit-transform: scale(0.33333);
    -ms-transform: scale(0.33333);
    -o-transform: scale(0.33333);
    transform: scale(0.33333); } }
.opg .go-home {
  width: 0.7rem;
  height: 0.7rem;
  background: url(../images/go-bg.png) no-repeat -99rem -99rem;
  background-size: 1.5rem 0.7rem;
  position: fixed;
  right: 0.4rem;
  bottom: 1.38rem;
  z-index: 99; }
.opg .go-top {
  display: block;
  position: fixed;
  bottom: 1.5rem;
  right: 0.4rem;
  width: 0.76rem;
  height: 0.76rem;
  line-height: 0.94rem;
  text-align: center;
  transform: rotate(0deg);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2rem;
  color: #999999;
  font-size: 0.2rem;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  z-index: 999; }
  .opg .go-top:before {
    content: ' ';
    position: absolute;
    left: 0.24rem;
    top: 0.07rem;
    background: url(../images/gotop-arrow.png) no-repeat;
    width: 0.26rem;
    height: 0.26rem;
    background-size: 0.26rem 0.26rem; }
  .opg .go-top:after {
    content: '顶部';
    position: absolute;
    left: 0.14rem;
    top: 0; }
.opg .go-home {
  margin-bottom: -1.08rem;
  background-position: -0.8rem 0rem; }
.opg .m-btn,
.opg .m-btn-ms,
.opg .m-btn-big,
.opg .m-btn-bor,
.opg .m-btn-black {
  position: relative;
  padding-left: .3rem;
  padding-right: .3rem;
  display: inline-block;
  color: #FFF;
  line-height: 1;
  text-align: center;
  vertical-align: top;
  background-color: #F20C59;
  -webkit-border-radius: 1.1rem;
  border-radius: 1.1rem; }
  .opg .m-btn:after,
  .opg .m-btn-ms:after,
  .opg .m-btn-big:after,
  .opg .m-btn-bor:after,
  .opg .m-btn-black:after {
    content: " ";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    border: 1px solid #F20C59;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-border-radius: 1.1rem;
    border-radius: 1.1rem; }
.opg .m-btn,
.opg .m-btn-bor,
.opg .m-btn-black {
  padding-top: .2rem;
  padding-bottom: .2rem;
  min-width: 1.81rem;
  font-size: 0.26rem; }
.opg .m-btn[disabled="true"] {
  background-color: #D8D8D8; }
  .opg .m-btn[disabled="true"]:after {
    border-color: #D8D8D8; }
.opg .m-btn.btn-red {
  background-color: #F20C59; }
.opg .m-btn-bor {
  color: #F20C59;
  background-color: #fff; }
  .opg .m-btn-bor[disabled="true"] {
    color: #ccc; }
    .opg .m-btn-bor[disabled="true"]:after {
      border-color: #DDD; }
.opg .m-btn-black {
  padding-left: 0;
  padding-right: 0;
  max-width: 1.81rem;
  border-color: #333;
  background-color: #333; }
  .opg .m-btn-black:after {
    border-color: #333; }
  .opg .m-btn-black[disabled="true"] {
    background-color: #D8D8D8; }
    .opg .m-btn-black[disabled="true"]:after {
      border-color: #D8D8D8; }
.opg .m-btn-ms {
  padding: 0.15rem 0.2rem 0.15rem 0.2rem;
  font-size: 0.24rem; }
  .opg .m-btn-ms[disabled="true"] {
    background-color: #FF9F9F; }
    .opg .m-btn-ms[disabled="true"]:after {
      border-color: #FF9F9F; }
  .opg .m-btn-ms.active {
    background-color: #D14648; }
    .opg .m-btn-ms.active:after {
      border-color: #D14648; }
.opg .m-btn-big {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  display: block;
  font-size: 0.32rem; }
  .opg .m-btn-big[disabled="true"] {
    background-color: #FF9F9F; }
    .opg .m-btn-big[disabled="true"]:after {
      border-color: #FF9F9F; }
  .opg .m-btn-big.active {
    background-color: #D14648; }
    .opg .m-btn-big.active:after {
      border-color: #D14648; }

.opg .m-mask,
.opg .m-mask-private {
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100; }
.opg .m-mask-private .m-dialog {
  display: block; }
.opg .m-dialog {
  width: 5.4rem;
  min-height: 2.2rem;
  overflow: hidden;
  padding-bottom: 0.88rem;
  background-color: #fff;
  display: none;
  -webkit-border-radius: 0.2rem;
  border-radius: 0.2rem;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 101;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .opg .m-dialog .dialog-tit {
    color: #333;
    font-size: 0.3rem;
    line-height: 1.3;
    text-align: center;
    padding: 0.3rem 0.6rem;
    margin-top: -0.4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    top: 50%; }
  .opg .m-dialog .dialog-ipt {
    width: 4.6rem;
    margin: -0.1rem auto 0.3rem;
    position: relative; }
    .opg .m-dialog .dialog-ipt:after {
      content: " ";
      position: absolute;
      width: 200%;
      height: 200%;
      top: 0;
      left: 0;
      border: 1px solid #e4e4e4;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px; }
    .opg .m-dialog .dialog-ipt .ipt {
      width: 100%;
      height: 0.8rem;
      font-size: 0.26rem;
      text-align: center;
      padding: 0rem 0.1rem;
      position: relative;
      z-index: 1;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px; }
  .opg .m-dialog .dialog-txt {
    color: #333;
    font-size: 0.28rem;
    line-height: 1.3;
    text-align: center;
    padding: 0rem 0.3rem 0.3rem;
    margin-top: -0.1rem; }
  .opg .m-dialog .dialog-btn {
    color: #333;
    height: 0.88rem;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -ms-flex-box;
    display: flex-box;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
    .opg .m-dialog .dialog-btn:after {
      content: " ";
      position: absolute;
      height: 1px;
      left: 0;
      top: 0;
      right: 0;
      border-top: 1px solid #ddd;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5); }
    .opg .m-dialog .dialog-btn div {
      font-size: 0.32rem;
      line-height: 0.88rem;
      overflow: hidden;
      -webkit-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
      .opg .m-dialog .dialog-btn div:after {
        content: " ";
        position: absolute;
        width: 1px;
        left: 0;
        top: 0;
        bottom: 0;
        border-left: 1px solid #ddd;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(0.5);
        transform: scaleX(0.5); }
      .opg .m-dialog .dialog-btn div:first-child:after {
        display: none; }
      .opg .m-dialog .dialog-btn div:nth-last-child(1) {
        color: #FFF;
        background-color: #F20C59; }
    .opg .m-dialog .dialog-btn div.cell {
      background-color: #ccc; }
  .opg .m-dialog.m-dialog-auto, .opg .m-dialog.m-dialog-pay {
    min-height: auto; }
    .opg .m-dialog.m-dialog-auto .dialog-tit, .opg .m-dialog.m-dialog-pay .dialog-tit {
      margin-top: 0;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      position: relative;
      top: 0; }
.opg .m-dialog-pay .dialog-tit {
  padding-bottom: 0.2rem;
  margin-bottom: 0.4rem; }
  .opg .m-dialog-pay .dialog-tit:after {
    content: " ";
    position: absolute;
    height: 1px;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); }
.opg .m-dialog-pay .dialog-ipt {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -ms-flex-box;
  display: flex-box;
  display: -webkit-flex;
  display: flex; }
  .opg .m-dialog-pay .dialog-ipt div {
    height: 100%;
    position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .opg .m-dialog-pay .dialog-ipt div:after {
      content: " ";
      position: absolute;
      width: 1px;
      right: 0;
      top: 0;
      bottom: 0;
      border-right: 1px solid #e4e4e4;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: scaleX(0.5);
      transform: scaleX(0.5); }
    .opg .m-dialog-pay .dialog-ipt div:nth-last-child(1):after {
      display: none; }

.opg .m-downapp {
  height: 0.98rem;
  position: relative;
  z-index: 1000; }
  .opg .m-downapp .app-box {
    padding: 0.13rem 0.5rem 0.12rem 0.74rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    /*品牌升级*/
    background-color: #333; }
  .opg .m-downapp .fixed {
    position: fixed; }
  .opg .m-downapp .app-close {
    padding: 0.14rem;
    position: absolute;
    left: 0.15rem;
    top: 0; }
    .opg .m-downapp .app-close em {
      width: 0.22rem;
      height: 0.22rem;
      color: #FFF;
      font-size: 0.26rem;
      margin-top: 0.2rem; }
  .opg .m-downapp .app-btn {
    position: absolute;
    right: 0;
    top: -0.1rem;
    width: 25%;
    height: 100%;
    font-size: 0.28rem;
    line-height: inherit;
    margin-top: 0.1rem;
    line-height: 1rem;
    text-align: center;
    background-color: #EE1955;
    border-radius: 0;
    /*品牌升级*/
    color: #fff; }
  .opg .m-downapp .app-logo {
    width: 0.75rem;
    height: 0.75rem;
    float: left;
    -webkit-border-radius: 0.15rem;
    border-radius: 0.15rem; }
  .opg .m-downapp .app-tit {
    color: #FFF;
    font-size: 0.28rem;
    line-height: 0.36rem;
    position: absolute;
    left: 1.45rem;
    top: 50%;
    padding-right: 28%;
    padding-left: 0.25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .opg .m-downapp .app-tit .desc {
      color: #999;
      font-size: 0.24rem; }
@supports (height: constant(safe-area-inset-top)) {
  :root {
    --dpr: 1;
    --safe-padding: constant(safe-area-inset-top);
    --safe-padding-bottom: constant(safe-area-inset-bottom);}

  @media screen and (-webkit-device-pixel-ratio: 2) {
    :root {
      --dpr: 2; } }
  @media screen and (-webkit-device-pixel-ratio: 3) {
    :root {
      --dpr: 3; } } }
@supports (height: env(safe-area-inset-top)) {
  :root {
    --dpr: 1;
    --safe-padding: env(safe-area-inset-top);
    --safe-padding-bottom: env(safe-area-inset-bottom); }

  @media screen and (-webkit-device-pixel-ratio: 2) {
    :root {
      --dpr: 2; } }
  @media screen and (-webkit-device-pixel-ratio: 3) {
    :root {
      --dpr: 3; } } }
.opg .h-right {
  position: relative; }
.opg .iconn-32:before {
  width: 0.44rem;
  height: 0.44rem;
  display: block;
  content: "";
  background: url() no-repeat;
  background-size: 0.44rem 0.44rem; }
.opg .header {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -ms-flex-box;
  display: flex-box;
  display: -webkit-flex;
  display: flex;
  height: 0.88rem;
  background-color: #fff; }
  .opg .header:after {
    content: " ";
    position: absolute;
    height: 1px;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); }
  .opg .header a {
    display: inline-block;
    color: #666;
    line-height: 0.88rem; }
  .opg .header .h-logo {
    width: 0.44rem;
    height: 100%;
    margin-left: 0.24rem;
    background: url(../images/logo.png) no-repeat center center;
    -webkit-background-size: 0.44rem 0.44rem;
    background-size: 0.44rem 0.44rem; }
  .opg .header .hidden {
    display: none; }
  .opg .header h1 {
    display: inline-block;
    max-width: 3.7rem;
    line-height: 0.88rem;
    font-size: 0.36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .opg .header .h-back {
    margin-left: 0.24rem;
    font-size: 0.32rem; }
    .opg .header .h-back em {
      width: 0.44rem;
      font-size: 0.44rem; }
  .opg .header .h-cnt {
    margin-left: 0.24rem;
    margin-right: 0.24rem;
    text-align: center; }
  .opg .header .h-tab {
    width: 3.8rem;
    height: 0.54rem;
    margin: 0.17rem auto 0;
    border: 1px solid #333;
    overflow: hidden;
    background-color: #333;
    -webkit-border-radius: 0.08rem;
    border-radius: 0.08rem; }
    .opg .header .h-tab a {
      width: 50%;
      line-height: 0.54rem;
      font-size: 0.28rem;
      color: #333;
      background-color: #fff; }
    .opg .header .h-tab .active {
      color: #fff;
      background-color: #333; }
  .opg .header .h-tabs {
    display: inline-block; }
    .opg .header .h-tabs a {
      line-height: 1;
      font-size: 0.32rem;
      color: #333;
      margin: 0 0.01rem;
      padding: 0.27rem 0.12rem 0.27rem 0.12rem; }
    .opg .header .h-tabs .active {
      color: #F20C59;
      border-bottom: 1px solid #F20C59; }
  .opg .header .input-box {
    height: 0.6rem;
    margin-top: 0.14rem;
    padding: 0 0.2rem 0 0.68rem;
    border-radius: 1.1rem;
    text-align: left;
    background-color: #f6f6f6;
    position: relative; }
    .opg .header .input-box input {
      display: block;
      width: 100%;
      height: 100%;
      font-size: 0.24rem; }
    .opg .header .input-box .iconn-10 {
      position: absolute;
      left: 0.2rem;
      top: 0.15rem;
      font-size: 0.3rem; }
    .opg .header .input-box .iconn-82 {
      position: absolute;
      right: 0.2rem;
      top: 0.18rem;
      font-size: 0.3rem; }
  .opg .header .index-input {
    padding-left: 0.64rem; }
    .opg .header .index-input .iconn-10 {
      left: 0.24rem; }
  .opg .header .h-btn {
    font-size: 0.32rem;
    margin-right: 0.24rem;
    position: relative; }
    .opg .header .h-btn em {
      width: 0.44rem;
      font-size: 0.44rem; }
    .opg .header .h-btn .login {
      font-size: 0.28rem; }
    .opg .header .h-btn .num {
      min-width: 0.3rem;
      height: 0.3rem;
      color: #FFF;
      font-size: -0.14rem;
      font-style: normal;
      line-height: 0.3rem;
      text-align: center;
      background-color: #ee2f2f;
      position: absolute;
      top: 0;
      right: -0.14rem;
      -webkit-border-radius: 0.3rem;
      border-radius: 0.3rem; }
  .opg .header .search-input {
    padding-left: 1.12rem; }
    .opg .header .search-input .iconn-10 {
      left: auto;
      right: 0.2rem; }
  .opg .header .tab-nav {
    display: none;
    width: 3.7rem;
    margin-right: auto;
    margin-left: -0.67rem;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.94);
    -webkit-border-radius: 0.08rem;
    border-radius: 0.08rem;
    position: absolute;
    right: auto;
    right: 0.15rem;
    top: 1.02rem;
    z-index: 1; }
    .opg .header .tab-nav a {
      display: block;
      overflow: hidden; }
      .opg .header .tab-nav a:before {
        position: absolute;
        content: "";
        width: 68%;
        left: 33%;
        border-bottom: 1px solid #ddd; }
      .opg .header .tab-nav a:nth-child(1):before {
        border-bottom: none; }
    .opg .header .tab-nav:after {
      content: "";
      display: block;
      overflow: hidden;
      width: 0;
      height: 0;
      display: inline-block;
      border-width: 0rem 0.2rem 0.2rem 0.2rem;
      border-style: solid;
      border-color: rgba(255, 255, 255, 0.94) transparent;
      position: absolute;
      right: 0.15rem;
      top: -0.18rem; }
    .opg .header .tab-nav p {
      position: relative;
      height: 0.94rem;
      line-height: 0.94rem;
      color: #00050A;
      font-size: 0.32rem;
      text-align: left;
      padding-left: 1.2rem; }
      .opg .header .tab-nav p em {
        position: absolute;
        left: 0.4rem;
        top: 0.22rem;
        color: #00050A;
        width: 0.44rem;
        height: 0.44rem; }
        .opg .header .tab-nav p em:before {
          display: block;
          width: 0.44rem;
          height: 0.44rem; }
        .opg .header .tab-nav p em.iconn-44:before {
          content: "";
          background: url() no-repeat;
          background-size: 0.44rem 0.44rem; }
        .opg .header .tab-nav p em.iconn-15:before {
          content: "";
          background: url(../fonts/965d7bc77efb4c3e96e8f0beb64d83e0.woff) no-repeat;
          background-size: 0.44rem 0.44rem; }
        .opg .header .tab-nav p em.iconn-90:before {
          content: "";
          background: url(../fonts/f8052d20acb04376b56b8dafee56f229.woff) no-repeat;
        background-size: 0.44rem 0.44rem; }
      .opg .header .tab-nav p .icon-shop {
        background: url(../fonts/99b39c4982974db094dbd930fc62c299.woff) no-repeat;
        background-size: 0.44rem 0.44rem; }
      .opg .header .tab-nav p .icon-sort {
        background: url() no-repeat;
        background-size: 0.44rem 0.44rem; }
      .opg .header .tab-nav p .icon-my {
        background: url() no-repeat;
        background-size: 0.44rem 0.44rem; }
      .opg .header .tab-nav p .icon-mes {
        background: url() no-repeat;
        background-size: 0.44rem 0.44rem; }
      .opg .header .tab-nav p:nth-last-child(1) {
        border-bottom: none;
        -webkit-border-radius: 0rem 0.08rem 0.08rem 0rem;
        border-radius: 0rem 0.08rem 0.08rem 0rem; }
    .opg .header .tab-nav em {
      color: #fff;
      font-size: 0.4rem;
      width: 0.4rem;
      height: 0.4rem;
      margin-right: 0.3rem; }
  .opg .header .sec-tab {
    color: #666;
    padding-right: 0.1rem;
    position: absolute;
    left: 0.2rem;
    top: 0.16rem; }
    .opg .header .sec-tab .tab-txt {
      font-size: 0.28rem; }
      .opg .header .sec-tab .tab-txt:after {
        content: "";
        width: 0;
        height: 0;
        overflow: hidden;
        display: inline-block;
        margin-left: 0.1rem;
        margin-bottom: 0.08rem;
        border-width: 0.08rem 0.08rem 0rem 0.08rem;
        border-style: solid;
        border-color: #333 transparent transparent; }
    .opg .header .sec-tab .tab-nav {
      width: 2rem;
      left: 50%;
      top: 0.73rem; }
      .opg .header .sec-tab .tab-nav:after {
        right: auto;
        left: 0.32rem; }
      .opg .header .sec-tab .tab-nav p {
        padding-left: 0;
        padding-right: 0;
        text-align: center; }
      .opg .header .sec-tab .tab-nav em {
        margin-right: 0.36rem;
        font-size: 0.38rem;
        width: 0.38rem;
        height: 0.38rem;
        left: 0.18rem;
        top: 0.3rem; }
.opg .header-fixed,
.opg .header-private {
  position: fixed;
  left: 0;
  right: 0;
  top: 0; }
.opg .header-private {
  background: none;
  position: absolute; }
  .opg .header-private:after {
    display: none; }
  .opg .header-private a {
    color: #FFF; }
  .opg .header-private > span em {
    color: #FFF; }
  .opg .header-private .head-title {
    color: #FFF; }
.opg .search-list {
  background-color: #fff; }
  .opg .search-list .sec-tit {
    height: 1.08rem;
    line-height: 1.08rem;
    color: #666;
    font-size: 0.28rem;
    padding-left: 0.5rem;
    padding-right: 0.3rem; }
    .opg .search-list .sec-tit em {
      float: right;
      margin-right: -0.2rem;
      padding: 0.35rem 0.2rem 0.2rem; }
  .opg .search-list .sec-result {
    padding: 0rem 0.3rem; }
    .opg .search-list .sec-result li {
      font-size: 0.3rem;
      padding: 0.28rem 0rem;
      position: relative; }
      .opg .search-list .sec-result li:after {
        content: " ";
        position: absolute;
        height: 1px;
        left: 0;
        bottom: 0;
        right: 0;
        border-bottom: 1px solid #F2F2F2;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5); }
  .opg .search-list .sec-hist {
    overflow: hidden;
    padding-left: 0.3rem; }
    .opg .search-list .sec-hist li {
      max-width: 95%;
      float: left;
      background: #F2F2F2;
      -webkit-border-radius: 0.3rem;
      border-radius: 0.3rem;
      margin-right: 0.3rem;
      padding: 0rem 0.15rem;
      height: 0.6rem;
      line-height: 0.6rem;
      text-align: center;
      color: #333;
      font-size: 0.3rem;
      margin-bottom: 0.2rem; }
.opg .search-nullinfo {
  background: #fff; }
  .opg .search-nullinfo p {
    padding: 1.1rem 0rem 1.1rem 1.6rem;
    line-height: 0.36rem;
    font-size: 0.3rem;
    color: #666; }
  .opg .search-nullinfo em {
    color: #cecece;
    font-size: 0.6rem;
    float: left;
    margin-right: 0.28rem; }
  .opg .search-nullinfo small {
    display: block;
    font-size: 0.24rem; }
.opg .search-bar {
  width: 6.9rem;
  height: 0.6rem;
  margin: 0.25rem auto 0;
  text-align: center;
  background-color: rgba(243, 243, 243, 0.9);
  -webkit-border-radius: 0.55rem;
  border-radius: 0.55rem;
  position: relative; }
  .opg .search-bar .sec-ipt {
    margin-left: 0.06rem;
    width: 1.72rem;
    height: 100%;
    font-size: 0.28rem; }
    .opg .search-bar .sec-ipt::-webkit-input-placeholder {
      color: #999; }

.opg .footer {
  background-color: #fff; }
  .opg .footer .f-hd {
    padding: 0.22rem 0.3rem;
    height: 0.9rem;
    font-size: 0; }
    .opg .footer .f-hd a {
      padding-left: 0.12rem;
      padding-right: 0.12rem;
      display: inline-block;
      color: #0081EF;
      font-size: 0.24rem;
      vertical-align: middle; }
    .opg .footer .f-hd i {
      width: 1px;
      height: 0.28rem;
      display: inline-block;
      vertical-align: middle;
      background-color: #DDD; }
  .opg .footer .f-bd {
    margin-top: 0.3rem;
    text-align: center; }
    .opg .footer .f-bd .f-icon {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      display: inline-block;
      width: 0.62rem;
      height: 0.62rem; }
    .opg .footer .f-bd .f-icon > em {
      font-size: 0.62rem; }
    .opg .footer .f-bd .f-icon > .iconn-mob {
      margin-top: -0.15rem;
      margin-left: -0.15rem;
      font-size: 0.92rem; }
    .opg .footer .f-bd .hint {
      width: 0.6rem;
      position: absolute;
      right: -0.4rem;
      top: -0.06rem; }
    .opg .footer .f-bd .name {
      margin-top: 0.2rem;
      color: #666;
      font-size: 0.24rem; }
  .opg .footer .f-copr {
    color: #c2c6c9;
    font-size: 0.2rem;
    line-height: 0.34rem;
    text-align: center;
    margin-top: 0.3rem;
    padding-bottom: 0.2rem; }

/*
 * @Author: zhangguochao 
 * @Date: 2018-04-10 18:16:40 
 * @Last Modified by:   zhangguochao 
 * @Last Modified time: 2018-04-10 18:16:40 
 */
.common_footer {
  background: #fff; }
  .common_footer .user_bar {
    padding: 0.3rem;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #e6e6e6;
    overflow: hidden; }
    .common_footer .user_bar .right {
      display: flex; }
    .common_footer .user_bar a {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      flex: 1;
      color: #888;
      font-size: 0.28rem;
      padding: 0 0.14rem;
      text-align: center;
      white-space: nowrap; }
    .common_footer .user_bar a:before {
      content: "";
      position: absolute;
      height: 0.26rem;
      width: 1px;
      right: 0;
      top: 0.06rem;
      background-color: #ddd; }
  .common_footer .foot_msg {
    width: 100%;
    margin: auto;
    text-align: center; }
    .common_footer .foot_msg .copyright {
      padding-bottom: 0.3rem;
      padding-top: 0.24rem; }
      .common_footer .foot_msg .copyright p {
        line-height: 0.36rem;
        text-align: center;
        color: #888;
        font-size: 0.24rem; }
        .common_footer .foot_msg .copyright p a {
          color: #888; }

.iconn-car:before {
  display: block;
  width: 0.44rem;
  height: 0.44rem;
  content: '';
  content: "";
  background: url() no-repeat;
  background-size: 0.44rem 0.44rem; }

.iconn-0:before {
  content: '\eaf0'; }

.iconn-1:before {
  content: '\eaf1'; }

.iconn-2:before {
  content: '\eaf2'; }

.iconn-3:before {
  content: '\eaf3'; }

.iconn-4:before {
  content: '\eaf4'; }

.iconn-5:before {
  content: '\eaf5'; }

.iconn-6:before {
  content: '\eaf6'; }

.iconn-7:before {
  content: '\eaf7'; }

.iconn-8:before {
  content: '\eaf8'; }

.iconn-9:before {
  content: '\eaf9'; }

.iconn-10:before {
  content: '\eafa';
  font-size: .24rem; }

.iconn-11:before {
  content: '\eafb'; }

.iconn-12:before {
  content: '\eb12'; }

.iconn-close:before {
  content: '\e900'; }

.iconn-13:before {
  content: '\eafc'; }

.iconn-14:before {
  content: '\eafd'; }

.iconn-15:before {
  content: '\eafe'; }

.iconn-16:before {
  content: '\eb05'; }

.iconn-17:before {
  content: '\eb06'; }

.iconn-18:before {
  content: '\eb07'; }

.iconn-19:before {
  content: '\eb08'; }

.iconn-20:before {
  content: '\eb09'; }

.iconn-21:before {
  content: '\eb0a'; }

.iconn-22:before {
  content: '\eb0b'; }

.iconn-23:before {
  content: '\eb0c'; }

.iconn-24:before {
  content: '\eb0d'; }

.iconn-25:before {
  content: '\eb0e'; }

.iconn-26:before {
  content: '\eb0f'; }

.active .iconn-26:before,
.iconn-27:before {
  content: '\eb10'; }

.iconn-28:before {
  content: '\eb11'; }

.active .iconn-12:before,
.active .iconn-28:before,
.iconn-29:before {
  content: '\eb13';
  color: #F20C59; }

.iconn-30:before {
  content: '\eb73'; }

.iconn-31:before {
  content: '\eb14'; }

.iconn-32:before {
  content: '\eb15'; }

.active .iconn-32:before,
.iconn-33:before {
  content: '\eb16'; }

.iconn-34:before {
  content: '\eb17'; }

.active .iconn-34:before,
.iconn-35:before {
  content: '\eb18'; }

.iconn-36:before {
  content: '\eb19'; }

.active .iconn-36:before,
.iconn-37:before {
  content: '\eb1a'; }

.iconn-38:before {
  content: '\eb1b'; }

.active .iconn-38:before,
.iconn-39:before {
  content: '\eb1c'; }

.active .iconn-42:before,
.iconn-40:before {
  content: '\eb1d'; }

.iconn-41:before {
  content: '\eb1e'; }

.iconn-42:before {
  content: '\eb1f'; }

.iconn-43:before {
  content: '\eb20'; }

.iconn-44:before {
  content: '\eb21'; }

.iconn-45:before {
  content: '\eb22'; }

.active .iconn-9:before,
.active .iconn-22:before,
.iconn-46:before {
  content: '\eb23';
  color: #FFCE4D; }

.iconn-47:before {
  content: '\eb24';
  color: #FFCE4D; }

.iconn-48:before {
  content: '\eb25'; }

.iconn-49:before {
  content: '\eb26'; }

.iconn-50:before {
  content: '\eb27'; }

.iconn-51:before {
  content: '\eb28'; }

.iconn-52:before {
  content: '\eb29'; }

.active .iconn-52:before,
.iconn-53:before {
  content: '\eb2a'; }

.iconn-54:before {
  content: '\eb2b'; }

.iconn-55:before {
  content: '\eb2c'; }

.iconn-56:before {
  content: '\eb2d'; }

.active .iconn-56:before,
.iconn-57:before {
  content: '\eb2e'; }

.iconn-58:before {
  content: '\eb2f'; }

.iconn-59:before {
  content: '\eb30'; }

.iconn-60:before {
  content: '\eb31'; }

.iconn-61:before {
  content: '\eb32'; }

.iconn-62:before {
  content: '\eb33'; }

.iconn-63:before {
  content: '\eb34'; }

.iconn-64:before {
  content: '\e906'; }

.iconn-65:before {
  content: '\eb3c'; }

.iconn-66:before {
  content: '\eb3d'; }

.iconn-67:before {
  content: '\eb3e'; }

.iconn-68:before {
  content: '\eb3f'; }

.iconn-69:before {
  content: '\eb40'; }

.iconn-70:before {
  content: '\eb50'; }

.iconn-71:before {
  content: '\eb51'; }

.iconn-72:before {
  content: '\eb54'; }

.iconn-73:before {
  content: '\eb61'; }

.iconn-74:before {
  content: '\eb62'; }

.iconn-75:before {
  content: '\eb63'; }

.iconn-76:before {
  content: '\eb64'; }

.iconn-77:before {
  content: '\eb65'; }

.iconn-78:before {
  content: '\eb6a'; }

.iconn-79:before {
  content: '\eb6b'; }

.iconn-80:before {
  content: '\e903'; }

.iconn-81:before {
  content: '\eb6d'; }

.iconn-82:before {
  content: '\eb6e'; }

.iconn-83:before {
  content: '\eb6f'; }

.iconn-84:before {
  content: '\eb70'; }

.iconn-85:before {
  content: '\eb71'; }

.iconn-86:before {
  content: '\eb72'; }

.iconn-87:before {
  content: '\eb74'; }

.iconn-88:before {
  content: '\eb75'; }

.iconn-89:before {
  content: '\eb76'; }

.iconn-90:before {
  content: '\eb77'; }

.iconn-91:before {
  content: '\eb78'; }

.iconn-92:before {
  content: '\eb79'; }

.iconn-93:before {
  content: '\e901'; }

.iconn-94:before {
  content: '\e902'; }

.iconn-95:before {
  content: '\e904'; }

.iconn-96:before {
  content: '\e905'; }

.iconn-97:before {
  content: '\e907'; }

.iconn-98:before {
  content: '\e908'; }

.iconn-99:before {
  content: '\e909'; }

.iconn-100:before {
  content: '\e90a'; }

.iconn-101:before {
  content: '\e90b'; }

.iconn-102:before {
  content: '\e90c'; }

.iconn-103:before {
  content: '\e90d'; }

.iconn-104:before {
  content: '\e912'; }

.iconn-105:before {
  content: '\e913'; }

.iconn-106:before {
  content: '\e914'; }

.iconn-107:before {
  content: '\e915'; }

.iconn-108:before {
  content: '\e916'; }

.iconn-mob:before {
  content: '\e90e';
  color: #9a9a9a; }

.iconn-app:before {
  content: '\e910';
  color: #9a9a9a; }

.iconn-pc:before {
  content: '\e911';
  color: #9a9a9a; }

.active .iconn-mob:before,
.active .iconn-app:before,
.active .iconn-pc:before {
  color: #333; }

.ic-zd, .ic-jp, .ic-zf {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-border-radius: 0.04rem;
  border-radius: 0.04rem; }
  .ic-zd:before, .ic-jp:before, .ic-zf:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-style: normal;
    text-align: center; }

.ic-zd, .ic-jp, .ic-zf {
  margin-left: 0.2rem;
  width: 0.72rem;
  height: 0.4rem; }
  .ic-zd:before, .ic-jp:before, .ic-zf:before {
    font-size: 0.24rem;
    line-height: 0.4rem; }
  .ic-zd:first-child, .ic-jp:first-child, .ic-zf:first-child {
    margin-left: 0; }

.ic-zd {
  background-color: #F2F5FE; }
  .ic-zd:before {
    content: "置顶";
    color: #4775FF; }

.ic-jp {
  background-color: #FFF3E8; }
  .ic-jp:before {
    content: "精品";
    color: #F8595B; }

.ic-zf {
  background-color: #FFFAE3; }
  .ic-zf:before {
    content: "专访";
    color: #FFA74E; }

/*------全站通用标签 start------*/
.ict-zx, .ict-tg, .ict-t, .ict-qg, .ict-q, .ict-ng, .ict-hy, .ict-hw, .ict-zy, .ict-zyb, .ict-fan, .ict-box .ict-fan, .ict-pc, .ict-yj {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 0.24rem;
  margin-right: 0.1rem !important;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%; }

/*掌上专享价*/
.ict-zx {
  width: 1.06rem;
  background-image: url("../images/ict-zx.png"); }

/*团购价*/
.ict-tg {
  width: 0.68rem;
  background-image: url("../images/ict-tg.png"); }

/*团购*/
.ict-t {
  width: 0.44rem;
  background-image: url("../images/ict-t.png"); }

/*抢购价*/
.ict-qg {
  width: 0.68rem;
  background-image: url("../images/ict-qg.png"); }

/*抢购*/
.ict-q {
  width: 0.44rem;
  background-image: url("../images/ict-q.png"); }

/*内购价*/
.ict-ng {
  width: 0.68rem;
  background-image: url("../images/ict-ng.png"); }

/*会员价*/
.ict-hy {
  width: 0.68rem;
  background-image: url("../images/ict-hy.png"); }

/*海外购*/
.ict-hw {
  width: 0.68rem;
  background-image: url("../images/ict-hw.png"); }

/*自营*/
.ict-zy {
  width: 0.44rem;
  background-image: url("../images/ict-zy.png"); }

/*自营-描边*/
.ict-zyb {
  width: 0.44rem;
  background-image: url("../images/ict-zy-b.png"); }

/*返利 | 比PC省| 佣金共用 stylesheet*/
.ict-area {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.05rem;
  height: 0.24rem;
  line-height: 0;
  font-size: 0; }
  .ict-area .ict-extend,
  .ict-area .ict-extend02 {
    padding: 0rem 0.04rem 0rem 0.31rem;
    font-size: 0.2rem;
    opacity: 0;
    height: 0;
    overflow: hidden;
    display: inline-block; }
  .ict-area .ict-extend02 {
    padding-left: 0.5rem; }
  .ict-area .pc {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.2rem;
    color: #F20C59;
    font-style: normal;
    line-height: 0;
    border-top: 0.01rem solid transparent; }

.ict-box {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  height: 0.48rem;
  line-height: 0;
  font-size: 0;
  white-space: nowrap;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  /*佣金文字颜色*/ }
  .ict-box em {
    margin: 0 !important;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%; }
  .ict-box cite {
    padding: 0rem 0.05rem;
    display: inline-block;
    vertical-align: middle;
    height: 0.48rem;
    line-height: 0.47rem;
    font-size: 0.4rem;
    font-style: normal;
    color: #F20C59;
    border: 1px solid #F20C59;
    border-left: 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .ict-box .yj {
    border-color: #ff8d2b;
    color: #fc8825; }

/*返利*/
.ict-fan {
  width: 0.26rem;
  height: 0.26rem;
  background-image: url("../images/ict-fan.png"); }

/*返利*/
.ict-box .ict-fan {
  margin-right: 0 !important;
  width: 0.52rem;
  height: 0.48rem;
  background-image: url("../images/ict-fan2.png"); }

/*比PC省*/
.ict-pc {
  width: 0.52rem;
  height: 0.48rem;
  background-image: url("../images/ict-pc.png"); }

/*佣金*/
.ict-yj {
  width: 0.92rem;
  height: 0.48rem;
  background-image: url("../images/ict-yj.png"); }

/*文字*/
.ict-text {
  overflow: hidden;
  display: inline-block;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.2rem;
  vertical-align: middle;
  color: #F20C59;
  font-style: normal; }

/*------全站通用标签 end------*/
.labelbg {
  display: inline-block;
  padding: 0.05rem 0.04rem 0.04rem;
  color: #fff;
  border-radius: 0.05rem;
  vertical-align: 0.05rem;
  margin-left: 0.08rem;
  font-size: 0.2rem;
  line-height: 1;
  background-image: -webkit-linear-gradient(90deg, #46a3ff, #1b81e8);
  background-image: linear-gradient(90deg, #46a3ff, #1b81e8); }

.opg .menu-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 66; }
.opg .m-menu {
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -ms-flex-box;
  display: flex-box;
  display: -webkit-flex;
  display: flex; }
  .opg .m-menu:after {
    content: " ";
    position: absolute;
    height: 1px;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #DDD;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); }
  .opg .m-menu li {
    height: 0.84rem;
    position: relative; }
    .opg .m-menu li span {
      display: inline-block;
      width: .08rem;
      vertical-align: middle;
      margin-left: 0.08rem;
      position: relative;
      bottom: 0.2rem; }
      .opg .m-menu li span:before, .opg .m-menu li span:after {
        content: "";
        display: block;
        overflow: hidden;
        position: absolute;
        border-style: solid;
        border-color: #666 transparent; }
      .opg .m-menu li span:before {
        top: 0.1rem;
        border-width: 0rem 0.08rem 0.08rem; }
      .opg .m-menu li span:after {
        top: .21rem;
        border-width: 0.08rem 0.08rem 0rem; }
      .opg .m-menu li span.up:before {
        border-color: #fa5c5c transparent; }
      .opg .m-menu li span.down:after {
        border-color: #fa5c5c transparent; }
  .opg .m-menu .link {
    height: 0.84rem;
    color: #999;
    font-size: .28rem;
    line-height: inherit;
    display: inline-block;
    padding: 0.28rem 0.2rem; }
  .opg .m-menu cite {
    color: #999; }
  .opg .m-menu .iconn-26,
  .opg .m-menu .iconn-36,
  .opg .m-menu .iconn-44,
  .opg .m-menu .iconn-50 {
    width: 0.56rem;
    height: 0.56rem;
    font-size: 0.56rem;
    margin-bottom: 0.16rem; }
  .opg .m-menu .num {
    width: 0.34rem;
    height: 0.34rem;
    color: #FFF;
    font-size: 0.22rem;
    display: none;
    background-color: #F20C59;
    -webkit-border-radius: 0.34rem;
    border-radius: 0.34rem;
    position: absolute;
    right: 0rem;
    top: 0rem; }
  .opg .m-menu .active {
    color: #F20C59;
    position: relative; }
    .opg .m-menu .active em {
      color: #F20C59; }
    .opg .m-menu .active .link {
      color: #F20C59;
      position: relative;
      z-index: 1; }
      .opg .m-menu .active .link:after {
        content: " ";
        position: absolute;
        height: 1px;
        left: 0;
        bottom: 0;
        right: 0;
        border-bottom: 2px solid #F20C59;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5); }
    .opg .m-menu .active cite {
      color: #999; }
.opg .m-menu-order li {
  height: 1.6rem; }
.opg .m-menu-order .link {
  height: 1.6rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem; }
.opg .m-menu-shopbtn {
  font-size: 0.32rem;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  top: auto; }
  .opg .m-menu-shopbtn:after {
    content: " ";
    position: absolute;
    height: 1px;
    left: 0;
    top: 0;
    right: 0;
    border-top: 1px solid #DDD;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); }
  .opg .m-menu-shopbtn li a {
    width: 100%;
    display: inline-block;
    padding: 0.3rem 0rem; }
  .opg .m-menu-shopbtn li .txt {
    margin-left: 0.1rem; }
  .opg .m-menu-shopbtn li + li:after {
    content: " ";
    position: absolute;
    width: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #DDD;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    top: 0.28rem;
    bottom: 0.3rem; }
  .opg .m-menu-shopbtn .active .link:after {
    display: none; }
.opg .tab_nav {
  overflow: hidden;
  background-color: #fff; }
.opg ul.m-tabs {
  display: block;
  font-size: 0;
  white-space: nowrap;
  overflow: visible; }
  .opg ul.m-tabs .flex-cell {
    display: inline-block; }

.opg .m-prompt {
  text-align: center;
  margin-top: 2.16rem;
  margin-bottom: 2.16rem; }
  .opg .m-prompt .pro-img {
    max-width: 2.45rem;
    margin: 0 auto; }
    .opg .m-prompt .pro-img img {
      width: 100%; }
  .opg .m-prompt .pro-txt {
    color: #999;
    font-size: 0.26rem;
    line-height: 0.4rem;
    margin-top: 0.4rem; }
  .opg .m-prompt .pro-btn {
    margin-top: 0.2rem; }
    .opg .m-prompt .pro-btn a.m-btn {
      font-size: 0.28rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem; }

.opg .m-share-bottom {
  background-color: #fff;
  position: fixed;
  left: 0;
  right: 0;
  bottom: -100%;
  z-index: 1000;
  font-size: 0.28rem; }
  .opg .m-share-bottom .share-list {
    display: block;
    padding-top: 0.42rem;
    overflow: hidden; }
  .opg .m-share-bottom .item {
    width: 20%;
    float: left;
    text-align: center; }
  .opg .m-share-bottom .share-icon {
    width: 0.98rem;
    height: 0.99rem;
    display: inline-block;
    overflow: hidden;
    background: url(../images/share.png) no-repeat -99rem -99rem;
    background-size: 0.97rem 5.26rem; }
  .opg .m-share-bottom .weibo .share-icon {
    background-position: 0 0; }
  .opg .m-share-bottom .weixin .share-icon {
    background-position: 0rem -1.06rem; }
  .opg .m-share-bottom .friends .share-icon {
    background-position: 0rem -2.14rem; }
  .opg .m-share-bottom .qq .share-icon {
    background-position: 0rem -3.2rem; }
  .opg .m-share-bottom .qzone .share-icon {
    background-position: 0rem -4.28rem; }
  .opg .m-share-bottom .share-txt {
    padding-top: 0.3rem;
    padding-bottom: 0.4rem; }
  .opg .m-share-bottom .share-close {
    height: 1rem;
    line-height: 1rem;
    display: block;
    text-align: center;
    border-top: 1px solid #E4E4E4; }
.opg .m-share-top {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1010;
  background: rgba(0, 0, 0, 0.7) url(../images/sharepop.png) no-repeat 0 0;
  background-size: 100% auto; }

.opg .m-mask-private {
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100; }
.opg .m-toast,
.opg .m-toast-logo {
  font-size: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  padding: 0.2rem 0.3rem;
  text-align: center;
  -webkit-border-radius: 0.2rem;
  border-radius: 0.2rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.opg .m-toast {
  width: 3.8rem;
  min-height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.8); }
  .opg .m-toast:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 0.7rem; }
  .opg .m-toast .t-txt {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 0.3rem;
    line-height: 1.2; }
.opg .m-toast-logo {
  width: 2rem;
  height: 2rem;
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #ddd;
  padding-top: 0.4rem; }
  .opg .m-toast-logo .t-txt {
    display: none;
    color: #666;
    font-size: 0.24rem;
    line-height: 1.2;
    margin-top: 0.24rem; }
  .opg .m-toast-logo .t-logo {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
    background: url(../images/t-load.gif) no-repeat;
    background-size: cover; }

.opg .default-bg-sm, .opg .default-bg-md, .opg .default-bg-lg {
  width: 3rem;
  height: 3rem;
  position: relative;
  box-sizing: border-box;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: 50%; }
.opg .default-bg-sm {
  background-image: url();
  background-size: .58rem auto; }
.opg .default-bg-md {
  background-image: url();
  background-size: .88rem auto; }
.opg .default-bg-lg {
  background-image: url();
  background-size: 1.12rem auto; }

.opg .banner.swiper {
  position: relative;
  z-index: 1;
  height: 2.68rem;
  overflow: hidden; }
.opg .swiper-wrapper {
  display: flex; }
.opg .swiper-slide {
  -ms-flex: 0 0 auto;
  flex-shrink: 0; }
.opg .swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.2rem;
  z-index: 10;
  font-size: 0;
  text-align: center; }
.opg .swiper-pagination-bullet {
  margin-left: 0.05rem;
  margin-right: 0.05rem;
  display: inline-block;
  width: 0.3rem;
  height: 0.06rem;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.4); }
.opg .swiper-pagination-bullet-active {
  background-color: #fff; }

.opg .hidden {
  display: none; }
.opg .show {
  display: block; }
.opg .flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -ms-flex-box;
  display: flex-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
  .opg .flex-box.flex-start {
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .opg .flex-box.flex-end {
    -webkit-align-items: flex-end;
    align-items: flex-end; }
.opg .flex-cell,
.opg .flex-bd {
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }
.opg .flex-cell2 {
  -webkit-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2; }
.opg .flex-ft {
  text-align: right; }
.opg .c-f5c {
  color: #F20C59; }
.opg .c-3 {
  color: #333; }
.opg .c-6 {
  color: #666; }
.opg .c-9 {
  color: #999; }
.opg .c-f {
  color: #FFF; }
.opg .c-b3 {
  color: #B3B3B3; }
.opg .c-d {
  color: #DDD; }
.opg .c-79 {
  color: #78BEE9; }
.opg .c-f4 {
  color: #FFCD44; }
.opg .c-f0 {
  color: #FF8000; }
.opg .m-load {
  height: 1.5rem;
  background: url(../images/load.gif) no-repeat center center;
  background-size: 1.5rem auto; }
.opg .m-load-more {
  text-align: center;
  padding: 0.2rem 0;
  font-size: 0;
  position: relative; }
  .opg .m-load-more:before {
    content: '';
    display: inline-block;
    width: 0.34rem;
    height: 0.33rem;
    background: url(../images/load-more.gif) no-repeat center center;
    background-size: 0.34rem 0.33rem;
    display: inline-block;
    margin-right: 0.1rem;
    vertical-align: middle; }
  .opg .m-load-more:after {
    content: "正在加载";
    display: inline-block;
    font-size: 0.24rem;
    color: #666;
    vertical-align: middle; }


